home *** CD-ROM | disk | FTP | other *** search
/ Exploring Creation with P…al Science (2nd Edition) / Exploring Creation with Physical Science (2nd Edition).iso / exe / bin / Styles / certinfo.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2012-12-18  |  3.7 KB  |  164 lines
  1. @charset "utf-8";
  2. /* Stylesheet for the Opera security certificate document */
  3. /* Copyright 2008 Opera Software */
  4. @media tv {html {font-size: 150%;}}
  5. @media screen, projection, tv, speech {
  6. html {
  7.     font-family: sans-serif;
  8.     color: hsl(0,0%,22%);
  9.     background-color: hsl(0,0%,93%);
  10.     margin: 0 auto 10px;
  11.     border-width: 0 1px;
  12.     border-color: hsl(0,0%,57%);
  13.     border-style: solid;
  14.     max-width: 660px;
  15.     voice-family: female;
  16. }
  17. html, head {max-width: 660px;}
  18. head {
  19.     margin: auto;
  20.     position: relative;
  21.     display: block;
  22.     speak: none;
  23. }
  24. body {
  25.     color: inherit;
  26.     background-color: hsl(0,0%,96%);
  27.     margin: 0;
  28. }
  29. title {
  30.     font-family: sans-serif;    
  31.     font-size: 110%;
  32.     font-weight: normal;
  33.     text-align: right;
  34.     letter-spacing: -1px;
  35.     color: hsl(0,0%,29%);
  36.     background-image: url(images/top.png);
  37.     background-repeat: repeat-x;    
  38.     padding: 20px 10px 15px;
  39.     margin: 0;
  40.     display: block;
  41.     speak: none;
  42. }
  43. html[dir="rtl"] title {
  44.     text-align: left;
  45.     letter-spacing: normal;
  46. }
  47. h1, h2, caption {
  48.     font-family: sans-serif;
  49.     font-size: 75%;
  50.     font-weight: normal;
  51.     letter-spacing: -1px;
  52.     color: hsl(0,0%,29%);
  53.     background-color: hsl(0,0%,89%);
  54.     background-image: url(images/bar.png);
  55.     background-repeat: repeat-x;
  56.     background-position: 0px -5px;
  57.     padding: 5px 7px;
  58.     margin: 0;
  59.     border-top: 1px solid hsl(0,0%,57%);
  60.     border-bottom: 1px solid hsl(0,0%,57%);
  61. }
  62. html[dir="rtl"] h1, html[dir="rtl"] h1, html[dir="rtl"] caption {
  63.     text-align: right;
  64.     letter-spacing: normal;
  65. }
  66. caption {
  67.     font-size: 120%;
  68.     text-align: left;
  69. }
  70. html[dir="rtl"] caption {text-align: right;}
  71. address {font-style: normal;}
  72. a {
  73.     color: hsl(0,0%,29%);
  74.     background-color: transparent;
  75. }
  76. table {
  77.     font-size: 70%;
  78.     line-height: 130%;
  79.     padding: 0;
  80.     margin: 5px auto 10px;
  81.     border-spacing: 0;
  82.     border-collapse: collapse;
  83.     width: 100%;
  84. }
  85. table table {font-size: 100%;}
  86. th, td {
  87.     vertical-align: top;
  88.     padding: 2px 3px;
  89.     border-width: 1px 0;
  90.     border-style: solid;
  91.     border-color: hsl(0,0%,87%) hsl(0,0%,96%) hsl(0,0%,96%);
  92. }
  93. th {
  94.     font-weight: normal;
  95.     text-align: left;
  96.     padding: 2px 10px;
  97.     width: 150px;
  98. }
  99. html[dir="rtl"] th {text-align: right;}
  100. .certificate table th {
  101.     font-style: italic;
  102.     width: auto;
  103. }
  104. tr:first-child th, tr:first-child td {border-top-color: hsl(0,0%,96%);}
  105. pre {
  106.     font-size: 100%;
  107.     white-space: pre-wrap;
  108.     padding-right: 5px;
  109. }
  110. html[dir="rtl"] pre {padding: 0 0 0 5px;}
  111. body::after {
  112.     content: "";
  113.     background-color: hsl(0,0%,98%);
  114.     background-image: url(images/center.png);
  115.     background-repeat: repeat-x;
  116.     background-position: left bottom;
  117.     border-top: 1px solid hsl(0,0%,57%);
  118.     height: 20px;
  119.     width: 100%;
  120.     display: block;
  121.     speak: none;
  122. }
  123. }
  124. @media screen and (max-width: 660px), projection and (max-width: 660px), tv and (max-width: 660px) {
  125.     pre {
  126.         max-width: 250px;
  127.         overflow: auto;
  128.     }
  129. }
  130. @media screen and (max-width: 400px), projection and (max-width: 400px), tv and (max-width: 400px) {
  131.     th {width: 100px;}
  132. }
  133. @media screen and (max-width: 235px), projection and (max-width: 235px), tv and (max-width: 235px) {
  134.     html {
  135.         margin: 0 auto;
  136.         border-width: 0 1px 1px;
  137.     }
  138.     h1 {
  139.         text-align: center;
  140.         padding: 10px 5px;
  141.         height: auto;
  142.     }
  143. }
  144. @media all and (min-width: 1025px) {html, head {max-width: 700px;}}
  145. @media all and (min-width: 1281px) {html, head {max-width: 800px;}}
  146. @media all and (min-width: 1601px) {html, head {max-width: 900px;}}
  147. @media print {
  148.     * {border: none;}
  149.     h1 {
  150.         font-size: 16pt;
  151.         text-align:center;
  152.     }
  153.     h2 {font-size: 13pt;}
  154.     table, h2+p {margin-bottom: 1cm;}
  155.     td, th {
  156.         font-size: 10pt;
  157.         text-align: left;
  158.         vertical-align: top;
  159.     }
  160.     pre {white-space: normal;}
  161.     address {font-style: normal;}
  162. }
  163.  
  164.